﻿<html>
<head>
    <title>Translator - Preferences</title>
    <style>
        body
        {
            background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#AFC1D4));
            font: normal normal normal 0.75em/normal 'Lucida Grande' , sans-serif;
            padding: 0px;
            -webkit-user-select: none;
        }
        .about_icon
        {
            background-attachment: initial;
            background-origin: initial;
            background-clip: initial;
            background-color: transparent;
            background-position: 0px 0px;
            background-repeat: no-repeat no-repeat;
            width: 16px;
            height: 16px;
            margin: 0px;
            border: none;
            float: left;
        }
        .range_content
        {
            text-align: left;
        }
        .range_bar_1
        {
            background-image: -webkit-gradient(linear, left top, left bottom, from(#B7B7B7), to(#E7E7E7));
            width: 110px;
            height: 4px;
            position: absolute;
            margin: 3px 0px 0px 0px;
            z-index: 41;
            -webkit-border-radius: 5px;
            border-top-color: #888888;
            border-top-style: solid;
            border-top-width: 1px;
            border-bottom-color: #DBDBDB;
            border-bottom-style: solid;
            border-bottom-width: 1px;
            border-left-color: #959595;
            border-left-style: solid;
            border-left-width: 1px;
            border-right-color: #959595;
            border-right-style: solid;
            border-right-width: 1px;
        }
        #range_bar_2
        {
            background-color: #0088D4;
            width: 0px;
            height: 2px;
            position: absolute;
            margin: 5px 0px 0px 2px;
            z-index: 43;
            padding: 0px;
            opacity: 0.8;
            -webkit-box-shadow: #0088D4 0px 0px 1px;
            -webkit-border-radius: 2px;
        }
        #range_dot
        {
            background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(#6D6D6D), to(#B1B1B1));
            height: 8px;
            width: 8px;
            position: relative;
            margin: 0px;
            z-index: 44;
            -webkit-border-radius: 6px;
            border-top-color: #ADADAD;
            border-top-left-radius: 6px;
            border-top-right-radius: 6px;
            border-top-style: solid;
            border-top-width: 2px;
            border-bottom-color: #888888;
            border-bottom-left-radius: 6px;
            border-bottom-right-radius: 6px;
            border-bottom-style: solid;
            border-bottom-width: 2px;
            border-left-color: #ADADAD;
            border-left-style: solid;
            border-left-width: 2px;
            border-right-color: #888888;
            border-right-style: solid;
            border-right-width: 2px;
        }
        #range_porcent
        {
            width: 40px;
            height: 15px;
            position: absolute;
            margin: -2px 0px 0px 122px;
            z-index: 45;
            padding: 0px;
            opacity: 0;
            -webkit-transition: opacity 1s linear;
        }
        .footer
        {
            text-align: center;
            margin-top: 2em;
            color: #828282;
        }
        .radios
        {
            width: 20px;
            height: 16px;
            margin-left: 16px;
            margin-right: 10px;
            cursor: pointer;
            border: none;
            display: block;
            clear: left;
            float: left;
        }
        .add
        {
            width: 16px;
            height: 16px;
            margin: 0px;
            cursor: pointer;
            border: none;
        }
        .add:hover
        {
            opacity: .6;
        }
        .delete
        {
            width: 16px;
            height: 16px;
            margin-left: 10px;
            cursor: pointer;
            border: none;
        }
        .delete:hover
        {
            opacity: .6;
        }
        .notify
        {
            z-index: 999998;
            position: absolute;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.7);
            top: 0px;
            left: 0px;
            margin: 0px auto;
            display: none;
        }
        .notify_cont
        {
            z-index: 999999;
            width: 350px;
            height: 100px;
            background: #FFFFFF;
            margin: 0px auto;
            margin-top: 150px;
            -webkit-border-radius: 7px;
            -webkit-box-shadow: rgba(114, 159, 207, 1) 0px 0px 10px;
            padding: 20px 7px 7px 7px;
            position: relative;
        }
        .short
        {
            -webkit-transition: background-color 1s linear;
            -webkit-border-radius: 5px;
        }
        .preview
        {
            width: 20px;
            height: 20px;
            border: 1px solid #729FCF;
            -webkit-border-radius: 3px;
            font-size: 12px;
            background: #fff;
            padding: 0px;
        }
        .colors
        {
            height: 115px;
            width: 108px;
            -webkit-border-radius: 7px;
            -webkit-box-shadow: 0px 0px 5px #729FCF;
            padding: 7px 7px 7px 7px;
            z-index: 9999;
            background: #FFFFFF;
            font-size: 13px;
            position: absolute;
            display: none;
            top: 0px;
            left: 0px;
        }
        .color
        {
            height: 12px;
            width: 12px;
            border: 1px solid #000;
            margin: 2px;
            float: left;
            cursor: pointer;
        }
        #bubble
        {
            min-width: 30px;
            max-width: 375px;
            font-size: 13px;
            font-family: Lucida grande, arial, sans-serif;
            opacity: .93;
            padding-left: 60px;
            display: block;
            z-index: 999997;
            font-style: normal;
            font-variant: normal;
            font-weight: normal;
        }
        #bubble_cont
        {
            background-color: #729FCF;
            -webkit-box-shadow: #729FCF 0px 0px 2px;
            color: #FFFFFF;
            padding: 7px 7px 7px 7px;
            -webkit-border-radius: 5px;
        }
        #bubble_down
        {
            text-align: center;
            padding: 0px 0px 0px 0px;
            margin: 0px;
        }
        .menu
        {
            height: 20px;
            width: 600px;
            padding: 5px 0px 0px 0px;
            margin-left: auto;
            margin-right: auto;
            position: relative;
        }
        .menu_sel
        {
            position: absolute;
            height: 30px;
            width: 200px;
            top: 0px;
            z-index: 50;
            -webkit-border-radius: 5px;
            background: #FFFFFF;
            -webkit-box-shadow: rgba(114, 159, 207, 1) 0px 0px 10px;
            -webkit-transition: all .4s ease-in-out;
        }
        .menu_sel_down
        {
            position: absolute;
            height: 15px;
            width: 220px;
            bottom: -10px;
            left: -10px;
            z-index: 60;
            background: #FFF;
            -webkit-transition: all .4s ease-in-out;
        }
        ul
        {
            margin: 0;
            padding: 0;
            z-index: 300;
            position: absolute;
        }
        ul li
        {
            width: 200px;
            cursor: pointer;
            list-style: none;
            float: left;
            text-align: center;
        }
        .content
        {
            width: 760px; /*min-height: 350px;*/
            background: #FFFFFF;
            z-index: 40;
            margin-left: auto;
            margin-right: auto;
            -webkit-border-radius: 7px;
            -webkit-box-shadow: rgba(114, 159, 207, 1) 0px 0px 10px;
            padding: 7px 7px 7px 7px;
            position: relative;
        }
        .left
        {
            float: left;
            margin-top: 3px;
            width: 130px;
        }
        .center
        {
            padding: 0px 0px 0px 11em;
            padding-bottom: 10px;
            width: 435px;
        }
        .note
        {
            color: #777;
            font-size: smaller;
            margin-top: 5px;
        }
        .right
        {
            float: right;
            margin-top: 3px;
            width: 190px;
        }
        #messages
        {
            padding: 0px;
            opacity: 0;
            margin-left: 10px;
            -webkit-transition: opacity 1s linear;
        }
        .buttons
        {
            width: 100px;
        }
        #back_image
        {
            height: 256px;
            width: 255px;
            position: absolute;
            -webkit-transform: rotate(326deg) scale(2);
        }
        A:link, A:visited
        {
            color: #0088D4;
            text-decoration: none;
        }
        select
        {
            border: 1px solid #729FCF;
            -webkit-border-radius: 3px;
            font-size: 12px;
            background: #fff;
            padding: 0px;
        }
        A:hover
        {
            text-decoration: underline;
        }
        h3
        {
            margin-bottom: 10px;
        }
    </style>
    <script src="jquery-1.6.2.min.js" type="text/javascript"></script>
    <script src="jsapi.js"></script>
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript" src="preferences.js"></script>
    <script src="colorbox/jquery.colorbox-min.js"></script>
    <link rel="stylesheet" href="colorbox.css" />
</head>
<body>
    <div id="back_image">
    </div>
    <!--NOTIFY-->
    <div class="notify">
        <div class="notify_cont">
            <!--Ok-->
            <div style="position: absolute; bottom: 10px;">
                <input type="button" class="buttons" value="Ok">
            </div>
            <!--/Ok-->
        </div>
    </div>
    <!--/NOTIFY-->
    <!--Menu-->
    <div class="menu">
        <ul>
            <li id="0">General</li>
            <li id="1">Theme</li>
            <li id="2">About</li>
        </ul>
        <div class="menu_sel">
            <div class="menu_sel_down">
            </div>
        </div>
    </div>
    <!--/Menu-->
    <!--Content-->
    <div class="content">
        <br>
        <form name="preferences">
        <!--GENERAL-->
        <div id="general">
            <div class="right">
                <h3>
                    Tips</h3>
                <span style="font-size: 0.9em;">Translate a word with Shortcut+Doble Click the word.<p>
                    If you translate a sentence you can change the translation result language from
                    the Popup menu without use the shortcut again.<p>
                    Use multiple shortcuts for have preset multiple language.</span></div>
            <div class="left">
                Translate Using:</div>
            <div class="center">
                <select name="srsService" onchange="SelectSource()">
                    <option value="google">Google Translate</option>
                    <option value="translated.net">Translated.net</option>
                </select>
                <div class="note">
                    <b id="theNote1" style="display: none; color: Green;">! <i>'Translated.net' need you
                        to select "Translate from" attribute and don't leave it as 'Auto'.</i><br />
                    </b>Thid is the source service (note: <i>if you specify the 'Translated.net' you must
                        specify the "Translate from" attribute</i>)?</div>
            </div>
            <div class="left">
                Translate From:</div>
            <div class="center">
                <select name="langFrom">
                </select>
                <div class="note">
                    From which language do you want to translate by default?</div>
            </div>
            <div class="left">
                Translate To:</div>
            <div class="center">
                <select name="lang">
                    <option value="en">English</option>
                </select><div class="note">
                    To which language do you want to translate by default?</div>
            </div>
            <div class="left hide">
                Real-Time Language:</div>
            <div class="center hide">
                <select name="lang">
                    <option value="en">English</option>
                </select><div class="note">
                    This will only affect the output language in real-time mode.</div>
            </div>
            <select name="lang" style="display: none;">
                <option value="en">English</option>
            </select><div class="left">
                Shortcuts:</div>
            <div class="center">
                <div id="multishorts">
                </div>
                <input type="button" class="add" title="Add shortcut"><br>
                <div class="note">
                    Add up to 10 shortcuts to translate to different languages without change the settings.</div>
            </div>
            <div class="left hide">
                Icon options:</div>
            <div class="center  hide">
                <input type="checkbox" name="iconClick" />
                Hide Icon<br>
                <div class="radios">
                </div>
                <input type="radio" name="iconClick" style="display: none;" />
                Show Popup<br>
                <div class="radios">
                </div>
                <input type="radio" name="iconClick" style="display: none;" />
                Show Real-Time<br>
                <div class="radios">
                </div>
                <input type="radio" name="iconClick" style="display: none;" />
                Translate selected text<br>
                <div class="note">
                    Choose the action that results from clicking on the icon.</div>
            </div>
        </div>
        <!--/GENERAL-->
        <!--THEME-->
        <div id="theme" style="display: none;">
            <div class="right" style="width: 470px;">
                <div id="bubble">
                    <div id='bubble_cont'>
                        Google Chrome contains many features that can be harnessed by webmasters to deliver
                        a better end-user experience. Google Chrome comes with Gears built in, which allows
                        webmasters to take advantage of APIs such as offline storage. In addition, Google
                        Chrome allows your web application to look and feel like a "desktop" application.</div>
                    <div id='bubble_down'>
                        <canvas id='bubble_arrow_down' width='14' height='8' style='vertical-align: top;'></canvas>
                    </div>
                </div>
            </div>
            <div class="left">
                Font type:</div>
            <div class="center" style="width: 155px;">
                <select name="theme">
                    <option value="arial, helvetica, sans-serif">Sans Serif</option>
                    <option value="'times new roman', serif">Serif</option>
                    <option value="'arial black', sans-serif">Wide</option>
                    <option value="'arial narrow', sans-serif">Narrow</option>
                    <option value="'comic sans ms', sans-serif">Comic Sans MS</option>
                    <option value="'courier new', monospace">Courier New</option>
                    <option value="garamond, serif">Garamond</option>
                    <option value="georgia, serif">Georgia</option>
                    <option value="tahoma, sans-serif">Tahoma</option>
                    <option value="'trebuchet ms', sans-serif">Trebuchet MS</option>
                    <option value="verdana, sans-serif">Verdana</option>
                </select></div>
            <div class="left">
                Font size:</div>
            <div class="center" style="width: 155px;">
                <select name="theme">
                    <option value="8px">8px</option>
                    <option value="9px">9px</option>
                    <option value="10px">10px</option>
                    <option value="11px">11px</option>
                    <option value="12px">12px</option>
                    <option value="13px">13px</option>
                    <option value="14px">14px</option>
                    <option value="15px">15px</option>
                    <option value="16px">16px</option>
                    <option value="17px">17px</option>
                    <option value="18px">18px</option>
                    <option value="19px">19px</option>
                    <option value="20px">20px</option>
                </select></div>
            <div class="left">
                Font color:</div>
            <div class="center" style="width: 155px;">
                <div class="preview">
                </div>
                <div class="colors">
                    <div class="color" style="background-color: #FCE94F;" onclick="document.preferences.theme[2].value = '#FCE94F';">
                    </div>
                    <div class="color" style="background-color: #EDD400;" onclick="document.preferences.theme[2].value = '#EDD400';">
                    </div>
                    <div class="color" style="background-color: #C4A000;" onclick="document.preferences.theme[2].value = '#C4A000';">
                    </div>
                    <div class="color" style="background-color: #FCAF3E;" onclick="document.preferences.theme[2].value = '#FCAF3E';">
                    </div>
                    <div class="color" style="background-color: #F57900;" onclick="document.preferences.theme[2].value = '#F57900';">
                    </div>
                    <div class="color" style="background-color: #CE5C00;" onclick="document.preferences.theme[2].value = '#CE5C00';">
                    </div>
                    <div class="color" style="background-color: #E9B96E;" onclick="document.preferences.theme[2].value = '#E9B96E';">
                    </div>
                    <div class="color" style="background-color: #C17D11;" onclick="document.preferences.theme[2].value = '#C17D11';">
                    </div>
                    <div class="color" style="background-color: #8F5902;" onclick="document.preferences.theme[2].value = '#8F5902';">
                    </div>
                    <div class="color" style="background-color: #8AE234;" onclick="document.preferences.theme[2].value = '#8AE234';">
                    </div>
                    <div class="color" style="background-color: #73D216;" onclick="document.preferences.theme[2].value = '#73D216';">
                    </div>
                    <div class="color" style="background-color: #4E9A06;" onclick="document.preferences.theme[2].value = '#4E9A06';">
                    </div>
                    <div class="color" style="background-color: #729FCF;" onclick="document.preferences.theme[2].value = '#729FCF';">
                    </div>
                    <div class="color" style="background-color: #3465A4;" onclick="document.preferences.theme[2].value = '#3465A4';">
                    </div>
                    <div class="color" style="background-color: #204A87;" onclick="document.preferences.theme[2].value = '#204A87';">
                    </div>
                    <div class="color" style="background-color: #AD7FA8;" onclick="document.preferences.theme[2].value = '#AD7FA8';">
                    </div>
                    <div class="color" style="background-color: #75507B;" onclick="document.preferences.theme[2].value = '#75507B';">
                    </div>
                    <div class="color" style="background-color: #5C3566;" onclick="document.preferences.theme[2].value = '#5C3566';">
                    </div>
                    <div class="color" style="background-color: #EF2929;" onclick="document.preferences.theme[2].value = '#EF2929';">
                    </div>
                    <div class="color" style="background-color: #CC0000;" onclick="document.preferences.theme[2].value = '#CC0000';">
                    </div>
                    <div class="color" style="background-color: #A40000;" onclick="document.preferences.theme[2].value = '#A40000';">
                    </div>
                    <div class="color" style="background-color: #EEEEEC;" onclick="document.preferences.theme[2].value = '#EEEEEC';">
                    </div>
                    <div class="color" style="background-color: #D3D7CF;" onclick="document.preferences.theme[2].value = '#D3D7CF';">
                    </div>
                    <div class="color" style="background-color: #BABDB6;" onclick="document.preferences.theme[2].value = '#BABDB6';">
                    </div>
                    <div class="color" style="background-color: #888A85;" onclick="document.preferences.theme[2].value = '#888A85';">
                    </div>
                    <div class="color" style="background-color: #666666;" onclick="document.preferences.theme[2].value = '#666666';">
                    </div>
                    <div class="color" style="background-color: #555753;" onclick="document.preferences.theme[2].value = '#555753';">
                    </div>
                    <div class="color" style="background-color: #2E3436;" onclick="document.preferences.theme[2].value = '#2E3436';">
                    </div>
                    <div class="color" style="background-color: #FFFFFF;" onclick="document.preferences.theme[2].value = '#FFFFFF';">
                    </div>
                    <div class="color" style="background-color: #000000;" onclick="document.preferences.theme[2].value = '#000000';">
                    </div>
                    <label>
                        Hex</label><input type="text" size="7" name="theme" style="border: 1px solid #000;
                            padding: 0px; margin: 5px 2px;"></div>
            </div>
            <div class="left">
                Bubble color:</div>
            <div class="center" style="width: 155px;">
                <div class="preview">
                </div>
                <div class="colors">
                    <div class="color" style="background-color: #FCE94F;" onclick="document.preferences.theme[3].value = '#FCE94F';">
                    </div>
                    <div class="color" style="background-color: #EDD400;" onclick="document.preferences.theme[3].value = '#EDD400';">
                    </div>
                    <div class="color" style="background-color: #C4A000;" onclick="document.preferences.theme[3].value = '#C4A000';">
                    </div>
                    <div class="color" style="background-color: #FCAF3E;" onclick="document.preferences.theme[3].value = '#FCAF3E';">
                    </div>
                    <div class="color" style="background-color: #F57900;" onclick="document.preferences.theme[3].value = '#F57900';">
                    </div>
                    <div class="color" style="background-color: #CE5C00;" onclick="document.preferences.theme[3].value = '#CE5C00';">
                    </div>
                    <div class="color" style="background-color: #E9B96E;" onclick="document.preferences.theme[3].value = '#E9B96E';">
                    </div>
                    <div class="color" style="background-color: #C17D11;" onclick="document.preferences.theme[3].value = '#C17D11';">
                    </div>
                    <div class="color" style="background-color: #8F5902;" onclick="document.preferences.theme[3].value = '#8F5902';">
                    </div>
                    <div class="color" style="background-color: #8AE234;" onclick="document.preferences.theme[3].value = '#8AE234';">
                    </div>
                    <div class="color" style="background-color: #73D216;" onclick="document.preferences.theme[3].value = '#73D216';">
                    </div>
                    <div class="color" style="background-color: #4E9A06;" onclick="document.preferences.theme[3].value = '#4E9A06';">
                    </div>
                    <div class="color" style="background-color: #729FCF;" onclick="document.preferences.theme[3].value = '#729FCF';">
                    </div>
                    <div class="color" style="background-color: #3465A4;" onclick="document.preferences.theme[3].value = '#3465A4';">
                    </div>
                    <div class="color" style="background-color: #204A87;" onclick="document.preferences.theme[3].value = '#204A87';">
                    </div>
                    <div class="color" style="background-color: #AD7FA8;" onclick="document.preferences.theme[3].value = '#AD7FA8';">
                    </div>
                    <div class="color" style="background-color: #75507B;" onclick="document.preferences.theme[3].value = '#75507B';">
                    </div>
                    <div class="color" style="background-color: #5C3566;" onclick="document.preferences.theme[3].value = '#5C3566';">
                    </div>
                    <div class="color" style="background-color: #EF2929;" onclick="document.preferences.theme[3].value = '#EF2929';">
                    </div>
                    <div class="color" style="background-color: #CC0000;" onclick="document.preferences.theme[3].value = '#CC0000';">
                    </div>
                    <div class="color" style="background-color: #A40000;" onclick="document.preferences.theme[3].value = '#A40000';">
                    </div>
                    <div class="color" style="background-color: #EEEEEC;" onclick="document.preferences.theme[3].value = '#EEEEEC';">
                    </div>
                    <div class="color" style="background-color: #D3D7CF;" onclick="document.preferences.theme[3].value = '#D3D7CF';">
                    </div>
                    <div class="color" style="background-color: #BABDB6;" onclick="document.preferences.theme[3].value = '#BABDB6';">
                    </div>
                    <div class="color" style="background-color: #888A85;" onclick="document.preferences.theme[3].value = '#888A85';">
                    </div>
                    <div class="color" style="background-color: #666666;" onclick="document.preferences.theme[3].value = '#666666';">
                    </div>
                    <div class="color" style="background-color: #555753;" onclick="document.preferences.theme[3].value = '#555753';">
                    </div>
                    <div class="color" style="background-color: #2E3436;" onclick="document.preferences.theme[3].value = '#2E3436';">
                    </div>
                    <div class="color" style="background-color: #FFFFFF;" onclick="document.preferences.theme[3].value = '#FFFFFF';">
                    </div>
                    <div class="color" style="background-color: #000000;" onclick="document.preferences.theme[3].value = '#000000';">
                    </div>
                    <label>
                        Hex</label><input type="text" size="7" name="theme" style="border: 1px solid #000;
                            padding: 0px; margin: 5px 2px;"></div>
            </div>
            <div class="left">
                Opacity:</div>
            <div class="center" style="width: 155px;">
                <div class="range_content">
                    <div class="range_bar_1">
                    </div>
                    <div id="range_bar_2">
                    </div>
                    <div id="range_porcent">
                        0%</div>
                    <div id="range_dot">
                    </div>
                </div>
                <input style="display: none;" type="text" name="theme" value="0"></div>
            <div class="left">
                Icon selection:</div>
            <div class="center" style="width: 155px;">
                <div id="iconSelection">
                </div>
            </div>
        </div>
        <!--/THEME-->
        <!--ABOUT-->
        <div id="about" style="display: none;">
            <div class="right">
                <div style="-webkit-border-radius: 5px; padding: 10px; background: #F8EFC9;">
                    <div>
                        <div class="about_icon">
                        </div>
                        <div style="padding-left: 22px;">
                            <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=TBCUW8HNPBXYJ&lc=CA&item_name=Nice%20Web%20Tools&currency_code=CAD&bn=PP%2dDonationsBF%3abtn_donate_SM%2egif%3aNonHosted"
                                target="_blank">Make a donation</a></div>
                    </div>
                </div>
                <br>
                <div style="-webkit-border-radius: 5px; padding: 10px; background: #D9E2EE; line-height: 20px;">
                    <div>
                        <div class="about_icon">
                        </div>
                        <div style="padding-left: 22px;">
                            <a href="http://twitter.com/nicedefinition" target="_blank">@nicedefinition</a><br>
                        </div>
                    </div>
                    <div>
                        <div class="about_icon">
                        </div>
                        <div style="padding-left: 22px;">
                            <a href="http://code.google.com/p/bubble-translate-nice-definition-version/issues/entry"
                                target="_blank">Report an Issue</a> <a href="http://code.google.com/p/bubble-translate-nice-definition-version/issues/list"
                                    target="_blank">(See list)</a><br>
                        </div>
                    </div>
                    <div>
                        <div class="about_icon">
                        </div>
                        <div style="padding-left: 22px;">
                            <a href="http://nicedefinition.com/TranslateExtension.aspx" target="_blank">Help</a></div>
                    </div>
                </div>
            </div>
            <div class="center" style="padding: 0px;">
                <span style="font-weight: bold; font-size: 22px;">Translator v6.0</span> <a href="http://nicedefinition.com/TranslateExtension.aspx"
                    target="_blank">(homepage)</a><br>
                <br>
                <br>
                <span style="font-weight: bold; font-size: 16px;">Releases notes</span> <a href="http://www.nicewebtools.com/extensions.aspx"
                    target="_blank">(complete list)</a>
                <dl>
                    <dt><strong>v2.0</strong></dt><dd><li>This is free version handled by <a href="http://nicedefinition.com">
                        <i>Nice Definition</i></a> Corporation, and it&#39;s a continue of the great work
                        of Bubble Translate Extension (GPL), atcually it&#39;s Bubble Translate but with
                        some changes and fixes, so I must pass a great thanks to {Bubble Translate}.</li></dd>
                    <dd>
                        <li>Remove the dependency of google translate.</li></dd><dd><li>Added option to &quot;Translate
                            From&quot; Language (bacause the new API don&#39;t detect the language automatically).</li></dd></dl>
                <dl>
                    <dt><strong>v1.5</strong></dt><dd><li>Added 'Hide Icons' option.</li></dd><dd><li>Added
                        custom fonts and bubble opacity.</li></dd><dd><li>Added custom icons.</li></dd><dd><li>
                            Added right to left text suport.</li></dd><dd><li>Added multiple language shortcuts.</li></dd><dd><li>
                                Added Real-Time language switch.</li></dd><dd><li>Added Real-Time dictionary.</li></dd><dd><li>
                                    Added line breaks to result box.</li></dd><dd><li>Fixed aplly changes without reload
                                        page.</li></dd><dd><li>Fixed Real-time delay.</li></dd><dd><li>Fixed space needed in
                                            Real-Time to translate.</li></dd><dd><li>Change to 'Page Actions'.</li></dd><dd><li>
                                                Change bubble ID to unique.</li></dd></dl>
            </div>
        </div>
        <!--/ABOUT-->
        </form>
        <br>
        <br>
        <!--Down-->
        <div style="position: absolute; bottom: 0px;">
            <div id="save" class="center">
                <input type="button" class="buttons" value="Save"><span id="messages"></span></div>
        </div>
        <!--/Down-->
    </div>
    <!--/Content-->
    <div class="footer">
        <div style="text-align: center; width: 100%">
            <iframe width="640" height="480" src="http://www.youtube.com/embed/5RNMgKtFsXs" frameborder="0"
                allowfullscreen></iframe>
        </div>
        <br />
        &#169 2012 <a href="http://nicedefinition.com" target="_blank">nicedefinition.com</a>
        - continue work after {Bubble Translate} Under <a href="http://creativecommons.org/licenses/GPL/2.0/"
            target="_blank">GPL 2.0</a>
        <!--<div style="-webkit-border-radius: 5px; padding: 10px; background: #D9E2EE; line-height: 20px;
            position: relative; margin: auto; z-index: 99; top: -632px; left: 287px; width: 155px;
            padding: 0px; padding-left: 0px; text-align: center;">
            <small>Please Donate to allow us keep support this project</small>
            <form action="https://www.paypal.com/cgi-bin/webscr" method="post">
            <input type="hidden" name="cmd" value="_s-xclick">
            <input type="hidden" name="encrypted" value="-----BEGIN PKCS7-----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-----END PKCS7-----">
            <input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif"
                border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
            <img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif"
                width="1" height="1">
            </form>
        </div>-->
    </div>
    <div style="display: none;">
        <p>
            <a class="group1" href="http://nicewebtools.com/GoogleExtensions/Images/Bubble Translate/translatorNew.PNG"
                title="New detail translation available now">New detail translation available now</a></p>
        <p>
            <a class="group1" data-rel='hi' href="http://nicewebtools.com/GoogleExtensions/Images/Bubble Translate/t_options pop 0.png"
                title="New Features">New Features</a></p>
        <p>
            <a class="group1" data-rel='hi' href="http://nicewebtools.com/GoogleExtensions/Images/Bubble Translate/t_options pop.png"
                title="Very Easy To Use">Easy To Use</a></p>
        <p>
            <a class="group1" href="http://nicewebtools.com/GoogleExtensions/Images/Bubble Translate/t_options pop 2.png"
                title='You must Chose "From" and "To" languages first'>You must Chose "From" and
                "To" languages first</a></p>
        <p>
            <a class="group1" href="http://nicewebtools.com/GoogleExtensions/Images/Bubble Translate/t_options pop 3.png"
                title="Please Rate our component to help us  continue support">Please Rate our component
                to help us continue support</a></p>
    </div>
</body>
</html>
